<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../lib/bootstrap-3.3.5-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/ReaderUser.css">
    <link rel="stylesheet" href="../css/caidanlan.css">
    <script src="../lib/bootstrap-3.3.5-dist/js/jquery-1.11.3.js"></script>
    <script src="../lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
    <script src="../javaScript/data_management.js"></script>
    <script src="../javaScript/quanxianpanduan.js"></script>
    <script src="../javaScript/utl.js"></script>
  
    <style>
        #xiajiaobiao{
           position: absolute;
           bottom: 10px;
        }
        .biaoge{
            height: 100%;
        }
        .tupian{
            text-align: center;
        }
        .tupian img{
           width: 150px;
        }
        .tishi img,.ti img{
            transform: rotate(270deg);
            width: 22px;
        }
        .tzsy:hover{
            cursor :pointer;
            color: #63B34A;
        }
    </style>
</head>
<body>

    <div class="container-fulid">
        <div class="row shouhang" id='youbian'>
          <span class="iconfont icon-ziliaoku"></span>
          <p>图书馆后台管理系统</p>
          <div id='yonghu'>
          </div>
        </div>
        <div class="row">
          <div class="col-md-2 caidan">
            <a href="../html/jueseguanli.html">
              <p> 角色管理</p>
            </a>
            <a href="../html/guanliyuanguanli.html">
              <p>管理员管理</p>
            </a>
            <a href="./quanxianguanli.html">
              <p>权限管理</p>
            </a>
            <a href="../html/ReaderUser.html">
              <p>读者用户</p>
            </a>
            <a href="../html/duzhejuese.html">
              <p>读者角色</p>
            </a>
            <a href="../html/yuedu.html">
              <p>借阅查询</p>
            </a>
            <a href="../html/jieyueguanli.html">
              <p>借阅管理</p>
            </a>
            <a href="../html/book-management.html">
              <p>书刊管理</p>
            </a>
            <a href="../html/guancangdizhi.html">
              <p>馆藏地址管理</p>
            </a>
            <a href="../html/guancangfenlei.html">
              <p>馆藏分类管理</p>
            </a>
            <a href="../html/cengjiaLabel.html">
              <p>层架标签配置</p>
            </a>
            <a href="../html/fenguanshezhi.html">
              <p>分馆配置</p>
            </a>
            <a href="../html/book_inventory.html">
              <p>图书盘点</p>
            </a>
            <a href="../html/dindanguanli.html">
              <p>订单管理</p>
            </a>
            <a href="../html/tushuguanshezi.html">
              <p>图书馆设置</p>
            </a>
          </div>
    

    
        
        <div class="col-md-10 biaoge">
            <div>
                <div class="row shouye">
                    <div class="col-md-4"><span class='tzsy'>首页</span>>用户</div>
                    <div class="col-md-8"></div>
                </div>
               
            <div class='xuanzhe row'>
                <div class="col-md-8 tijiaokuang">
                    <span>读者姓名:</span><input type="text" class ='xinming'>
                    <span>读者卡号:</span><input type="text"  class ='kahao'>
                    <span>身份证:</span><input type="text"  class ='shenfen'>
                </div>
                <div class="col-md-4 anjian" >
                     
                    <button class="chaxun you">查询</button>
                    <button class="you duka">读卡</button>
                </div>
                
            </div>
           
                <table >
                    <thead>
                            <th class="xm">姓名</th>
                            <th class="js">读者角色</th>
                            <th class="sfz">身份证</th>
                            <th class="yj">押金</th>
                            <th class="yqqf">逾期欠费</th>
                            <th class="kh">卡号</th>
                            <th class="xb">性别</th>
                            <th class="bz">办证日期</th>
                            <th class="jz">截至日期</th>
                            <th class="zt">状态</th>
                        <th class="cz">操作</th>
                    </thead>
                    <tbody id="mybody"> 
                    </tbody>
                       
                </table>
                          
            <div id="xiajiaobiao" class="clear">
                 <div id='shangyiye'>
                     上一页
                 </div> 
                 <div id="yema">    
                 </div>
                 <div id="xiayiye">
                 下一页
                 </div> 
                 <div class="tiaozhuan">
                    跳转至
                 </div>
                 <div>
                 <input type="text" id="tiaozhuanye" placeholder="1">
                 </div>  
            </div>
        </div>
    </div>
   
</div> 
    <div id="zbc">
        <div class="tanchukuang">
            <div class='shanchukuang'>
                <div class="row ti">
                    <div class="col-md-1"><span><img src="../images/zuojiantou.png" alt="" ></span></div>
                    <div class="col-md-10"><p>温馨提示</p></div>
                    <div class="col-md-1"><img src="../images/chacha.png" alt=""></div>
                </div>
                <div class="row dibu">
                    <div class="col-md-12 xinxi">请确认是否要删除该数据信息，删除后则该数据信息不再显示。</div>
                    <div class="anniu">
                        <button type="button" class="btn btn-primary btn-lg active">确认</button>
                        <button type="button" class="btn btn-primary btn-lg active">取消</button>
                    </div>                          
                </div>
               
               
               
               

            </div>
            
        </div>
    </div>
    <div id='bianji'>
        <div class="xiugaikuang">
           
           <div class="xuanze">
            <div class="row tishi">
                <div class="col-md-1"><span><img src="../images/zuojiantou.png" alt="" ></span></div>
                <div class="col-md-10"><p>编辑读者</p></div>
                <div class="col-md-1"><img src="../images/chacha.png" alt=""></div>
            </div>
           </div>
           
           
           
            <div class="tupian">
                <img src="../images/u1803.png" alt="">
            </div>
           <div class="wenbenyu">
            <div class="row">
                <div class="col-md-2"><span>*读者角色：</span></div>
                <div class="col-md-10">
                    <div class="row huiyuan">
                        <div class="col-md-3"><input type="radio" name='sd' class='in' >普通用户</div>
                        <div class="col-md-3"><input type="radio" name='sd' class='int' >高级用户</div>
                        <div class="col-md-3"><input type="radio" name='sd' class='intt'>VIP用户</div>
                        <div class="col-md-3"><input type="radio" name='sd' class='inttt'>SVIP用户</input></div>
                    </div>
                </div>
                
            </div>
            <div class="row">
                <div class="col-md-2"><span>*读者状态：</span></div>
                <div class="col-md-7"><span></span></div>
                <div class="col-md-3">
                    <div class="row">
                        <div class="col-md-6"><input type="radio" name='yonghu'>启用</div>
                        <div class="col-md-6"><input type="radio" name='yonghu'>禁用</input></div>
                      
                    </div>
                </div>
                
            </div>
            <div class="row">
                <div class="col-md-2"><span class="">*姓名：</span></div>
                <div class="col-md-6"><span></span></div>
                <div class="col-md-4">
                    <div class="row">
                        <div class="col-md-5 mingzi"><input type="text"  class='mingzishuru'></div>
                        <div class="col-md-7"><button class='op'>读取身份证</button></div>
                      
                    </div>
                </div>
                
            </div>
            <div class="row">
                <div class="col-md-2"><span>卡号：</span></div>
                <div class="col-md-6"><span></span></div>
                <div class="col-md-4">
                    <div class="row">
                        <div class="col-md-5"><input type="text"  class='kahaoshuru'></div>
                        <div class="col-md-7"><button class='op'>发卡 </button></div>
                      
                    </div>
                </div>
                
            </div>
            <div class="row">
                <div class="col-md-2"><span>手机号码：</span></div>
                <div class="col-md-8"><span></span></div>
                <div class="col-md-2">18380481445 </div>
            </div>
            <div class="row">
                <div class="col-md-2"><span>性别：</span></div>
                <div class="col-md-7"><span></span></div>
                <div class="col-md-3">
                    <div class="row xin">
                        <div class="col-md-6"><input type="radio" name='sex'>男</div>
                        <div class="col-md-6"><input type="radio" name='sex'>女</div>
                    
                      
                    </div>
                </div>
                
            </div>
            <div class="row">
                <div class="col-md-2"><span>出生年月：</span></div>
                <div class="col-md-8"><span></span></div>
                <div class="col-md-2"><input type="text" class="shengri"> </div>
            </div>
            <div class="row">
                <div class="col-md-2"><span>邮箱：</span></div>
                <div class="col-md-8"><span></span></div>
                <div class="col-md-2"><input type="text" class="youxiang"></div>
            </div>
            <div class="row">
                <div class="col-md-2"><span>地址：</span></div>
                <div class="col-md-8"><span></span></div>
                <div class="col-md-2"><input type="text" class="dizhi"></div>
            </div>
            <div class="row ziti">
                <div class="col-md-2"><span>办证日期</span>：</span></div>
                <div class="col-md-8"><span></span></div>
                <div class="col-md-2"><input type="text" class="banzhengriqi"></div>
            </div>
            <div class="row ziti" >
                <div class="col-md-2"><span>截至日期：</span></div>
                <div class="col-md-8"><span></span></div>
                <div class="col-md-2"><input type="text" class="jiezhiriqi"></div>
            </div>
            <div class="row ziti">
                <div class="col-md-2"><span>操作人：</span></div>
                <div class="col-md-8"><span></span></div>
                <div class="col-md-2"><input type="text" class="jiezhiriqi"></div>
            </div>
            <div class="row">
                <div class="col-md-2"><span>备注：</span></div>
                <div class="col-md-8"><span></span></div>
                <div class="col-md-2"><input type="text" class="banzhengriqi"></div>
            </div>
            <div class="bianjianniu">
                <button type="button" class="btn btn-primary btn-lg active tijiao" >确认</button></button>
                <button type="button" class="btn btn-primary btn-lg active quxiao">取消</button>
            </div>                          
           </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           
        </div>
        
        
    </div>
    </div>
    <script src="../javaScript/Readeruser.js"></script>
    <script>
glqx('读者管理')

$('.biaoge').height( $('.caidan').height()-30)
$('#zbc').height($('.container-fulid').height())
$('#bianji').height($('.container-fulid').height())
$('.tishi img').click(function(){
$('#bianji').css('display','none')
xuanzheyema( gengaihou)
fenye(1, gengaihou)
})
$('.ti img').click(function(){
$('#zbc').css('display','none')
console.log(123)
xuanzheyema( gengaihou)
fenye(1, gengaihou)
})
    $('.tzsy').click(function(){
    location.href ='./shouye.html'
    })
  isLogin()
  yonghu()
    </script>
</body>
</html>